@charset "utf-8";
/*by hebian 2011.08.15*/
/*公用*/
body{ font-size:12px;/*background:url(../images/bg.png) no-repeat center top;*/font-family:"Microsoft YaHei", arial;color:#000;font-size:12px;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockq
uote,th,td,p{margin:0;padding:0;outline:none;}
img{ border:none 0;}
a{ color:#FFF;text-decoration:none;outline:none;_hide-focus: expression(this.hideFocus=true);font-family:"Microsoft YaHei", arial;color:#929292;}
a:hover{ color:orange;text-decoration:none;}
a:focus{outline:none;}
ul{ list-style:none;}
li{ list-style:none;}
div,ul,li,dl,dd,dt,p,span,a,body{ padding:0px;margin:0px;}
.clear{ clear:both;}
.hidden{ display:none;}
.show{ display:block;}

.strong { font-weight:bolder; font-size: 15px;}
/********************* 以下(结束标识)代码请在实际开发中删除 *********************/

/*=========首页=======*/
#header{ margin:0 auto;width:100%;height:116px;background:url(../images/headerbg1.jpg) repeat-x;overflow:hidden;}
.head{ margin:0 auto;width:995px;height:40px;}
.head_right{ float:right;}
.head_right a { color:#ddd;}
.head_right a:hover{ color:orange}
.head a{ float:left;width:72px;text-align:center;line-height:40px;border-left:1px solid #000311;border-right:1px solid #656565;}
.head a.frist{ border-left:none;}
.head a.last{ border-right:none;}
.nav{ margin:0 auto;width:992px;height:77px;}
.nav_left{ float:left;width:158px;height:75px;margin-right:30px;}
.nav_left .logo{ border:none;}
.nav_center{ float:left;width:563px;height:77px;margin-right:66px;background:url(../images/nav.jpg) no-repeat;}
.nav_center ul li{ float:left;}
.nav_center ul li a{ float:left;}
.nav_center ul li.n1 a{ float:left;width:72px;height:77px;}
.nav_center ul li.n2 a{ float:left;width:112px;height:77px;}
.nav_center ul li.n4 a{ float:left;width:101px;height:77px;}
.nav_center ul li.n3 a{ float:left;width:99px;height:77px;}
.nav_center ul li.n5 a{ float:left;width:70px;height:77px;}
.nav_center ul li.n6 a{ float:left;width:108px;height:77px;}

.nav_center ul li.n1 a:hover{ float:left;width:72px;background:url(../images/nav_hover.jpg) no-repeat 0 0;}
.nav_center ul li.n2 a:hover{ float:left;width:112px;background:url(../images/nav_hover.jpg) no-repeat -72px 0;}
.nav_center ul li.n4 a:hover{ float:left;width:101px;background:url(../images/nav_hover.jpg) no-repeat -186px 0;}
.nav_center ul li.n3 a:hover{ float:left;width:99px;background:url(../images/nav_hover.jpg) no-repeat -287px 0;}
.nav_center ul li.n5 a:hover{ float:left;width:70px;background:url(../images/nav_hover.jpg) no-repeat -385px 0;}
.nav_center ul li.n6 a:hover{ float:left;width:108px;background:url(../images/nav_hover.jpg) no-repeat -455px 0;}

.nav_center ul li.n1 a.hover{ float:left;width:72px;background:url(../images/nav_hover.jpg) no-repeat 0 0;}
.nav_center ul li.n2 a.hover{ float:left;width:112px;background:url(../images/nav_hover.jpg) no-repeat -72px 0;}
.nav_center ul li.n4 a.hover{ float:left;width:102px;background:url(../images/nav_hover.jpg) no-repeat -186px 0;}
.nav_center ul li.n3 a.hover{ float:left;width:99px;background:url(../images/nav_hover.jpg) no-repeat -287px 0;}
.nav_center ul li.n5 a.hover{ float:left;width:70px;background:url(../images/nav_hover.jpg) no-repeat -385px 0;}
.nav_center ul li.n6 a.hover{ float:left;width:108px;background:url(../images/nav_hover.jpg) no-repeat -455px 0;}


.nav_right{ float:right;width:175px;margin-top:29px;width:175px;height:25px; background:url(../images/search.jpg) no-repeat;}
.nav_right .search_text{float:left;width:125px;height:25px;padding-left:20px;border:none;background:none;}
.nav_right .search_btn{float:left;width:30px;height:25px;background:none;border:0;cursor:pointer;}

.banner{ margin:0 auto; text-align:center;width:100%; height:540px;}

/*首页幻灯片*/

.flexslider { position: relative; height: 640px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 640px;}
.flex-control-nav { position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li { display:inline-block;width:14px;height:14px;margin:0 5px;*display: inline; zoom: 1;}
.flex-control-nav a { display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active {background-position: 0 0;}


#main{ margin:0 auto;width:100%; overflow:hidden;}
.advert{height:31px;line-height:31px; background:url(../images/advert.jpg) repeat-x;}
.advert .advert_text{ margin:0 auto;width:995px;line-height:31px;}
.advert_text span{ float:left;width:70px;height:31px;line-height:31px;color:red;
padding-left:40px;background:url(../images/zhinan.jpg) no-repeat 10px 5px;}

.scroll{width:100%;overflow:hidden; padding-top:22px;}
.scroll_title{ width:995px;margin:0 auto;line-height:45px;color:#666666;font-weight:bold;font-size:22px;}
.scroll_content{ margin:0 auto;width:1037px;height:320px;position:relative;}
.scroll_left{ position:absolute;top:88px;left:-44px;width:22px; height:35px; background:url(../images/scroll_left.jpg) no-repeat;}
.scroll_right{ position:absolute;top:88px;right:-44px;width:22px; height:35px; background:url(../images/scroll_right.jpg) no-repeat;}
.scroll_center ul li{ float:left;display:inline-block;width:235px;margin-left:10px;margin-right:10px;text-align:center;}
.scroll_center ul li img{ display:block;text-align:center;border:1px solid #eaeaea;}
.scroll_center ul li h2{ padding-top:10px;line-height:30px;color:#3d9fb5;text-align:center;font-size:14px;}
.scroll_center ul li p{ line-height:20px;color:#666;text-align:center;}

.maincenter{ width:100%;height:258px;background:url(../images/main_center_bg.jpg) repeat-x;overflow:hidden;}
.main_center{margin:0 auto;width:1056px;height:258px; background:url(../images/main_center_bg.jpg) repeat-x;overflow:hidden;}
.main_center_left{float:left;width:375px;margin-right:34px; background:url(../images/main_center_left.jpg) no-repeat;}
.main_center_left .title{ height:54px; position:relative;}
.main_center_left .title a{ float:left; position:absolute;top:33px;right:0px;width:54px;height:11px;}
.main_center_left .content{ padding-top:16px; line-height:24px;}
.main_center_left .content img{float:left;margin-right:10px;}
.main_center_left .content a{ color:#3ea0b6 !important;}

.main_center_center{float:left;width:309px;background:url(../images/main_center_center.jpg) no-repeat;}
.main_center_center .title{ height:54px;position:relative;}
.main_center_center .title a{ float:left;position:absolute;top:33px;right:0px;width:54px;height:11px;}
.main_center_center ul{ margin-top:16px;}
.main_center_center ul li{ width:309px;height:25px;line-height:25px;border-bottom:1px dotted #d4d3d3;}
.main_center_center ul li a{color:#333;}
.main_center_center ul li.firstnews{ height:92px;}
.main_center_center ul li.firstnews h2{ line-height:20px;color:#000;font-weight:bold; text-align:left;}
.main_center_center ul li.firstnews p{ line-height:20px;color:#666666; }
.main_center_center ul li.firstnews a{ display:block;color:#3ea0b6;}
.main_center_center ul li.firstnews img{ float:left;width:98px;height:77px;padding-right:10px;}

.main_center_right{float:right; width:303px; height:258px; background:url(../images/main_center_right.jpg) no-repeat;}
.main_center_right .title{ height:54px; position:relative;}
.main_center_right .title a{ float:left; position:absolute;top:33px;right:0px;width:54px;height:11px;}
.main_center_right .content{padding-top:16px; line-height:24px;}
.main_center_right .content a{ display:block;}

#footer{width:100%;background:#2c2c2c url(../images/footerbg.jpg) repeat-x;}
.foot{ margin:0 auto;width:1058px;padding-top:25px;padding-bottom:15px; background:url(../images/footbg.jpg) no-repeat center top;}
.foot ul{ float:left;height:200px;}
.foot ul li{ float:left;width:157px; color:#999;}
.foot ul li h2{ font-size:14px;font-weight:bold;padding-bottom:10px; color:#ccc;}
.foot ul li.f01 p{ line-height:26px; font-size:12px;}
.foot ul li.f01 p a{ color:#999;}

.foot ul li.f02{ float:left;width:157px; color:#999;}
.foot ul li.f02 p{ line-height:26px; font-size:12px;}
.foot ul li.f02 p a{ color:#999;}

.foot ul li.f03{ float:left;width:100px;padding-left:57px;}
.foot ul li.f03 p{ line-height:26px; font-size:12px;}
.foot ul li.f03 p a{ color:#999;}

.foot ul li.f04{ float:left;padding-left:44px;width:113px;}
.foot ul li.f04 p{ line-height:26px; font-size:12px;}
.foot ul li.f04 p a{ color:#999;}

.foot ul li.f05{ float:left;padding-left:44px;width:113px;}
.foot ul li.f05 p{ line-height:26px; font-size:12px;}
.foot ul li.f05 p a{ color:#999;}

.foot ul li.f06{ float:left;padding-left:30px;width:127px;}
.foot ul li.f06 p{line-height:26px;font-size:12px;}
.foot ul li.f06 p a{color:#999;}
.foot ul li.f06 p img{ padding-top:5px;}

.foot ul li.f07{ float:right;width:110px;}
.foot ul li.f07 p{width:100px;padding-left:10px;}

.foot .foot_bottom{line-height:54px;text-align:center;color:#999;font-size:14px;}

/*========产品中心=============*/

.main{ margin:0 auto;width:1044px; background:url(../images/mainbg.jpg) no-repeat center top;margin-bottom:60px;overflow:hidden;}
.banner_inner{ margin:0 auto;margin-bottom:37px;width:100%;height:325px;overflow:hidden;}

.left{ float:left;width:238px;border-right:1px solid #ebebeb;background:url(../images/leftbg.jpg) no-repeat;overflow:hidden;}
.left_top{ float:left;width:235px; padding:4px 0px 0px 3px;height:90px;overflow:hidden;}
.left_center{ float:left;width:238px;}

.left_center ul{ float:left;width:238px;}
.left_center ul li{ float:left; width:200px;padding-left:20px;}
.left_center ul li a{ float:left; width:185px;padding-left:15px;height:48px;line-height:48px;font-size:14px;text-align:left;background:url(../images/bot_down.jpg) no-repeat right center; border-bottom:1px #333 dotted;color:#333;}
.left_center ul li a:hover{ color:#18afbc;}
.left_center ul li ul{ float:left;width:200px;padding-left:0px;overflow:hidden;}

.left_center ul li ul li{ float:left;padding-left:10px;}
.left_center ul li ul li a{ float:left;width:175px; border:none;background:url(../images/point.jpg) no-repeat 5px center;}
.left_center ul li ul li a.hover{color:#06a9b8;background:url(../images/point_hover.jpg) no-repeat 5px center;}

.left_bottom{ float:left;width:238px;height:119px;margin-top:20px;background:url(../images/contactus.jpg) no-repeat center top;}

.right{ float:left;width:800px;overflow:hidden;}
.right_top{ padding-left:50px;line-height:95px;background:url(../images/position.jpg) no-repeat 30px center;}
.right_top a{color:#000;}
.right_top span{color:#18afbc;font-weight:bold;}


.right_content{ width:800px;margin-top:20px;overflow:hidden;}
.right_content ul.product{ float:left;width:750px;padding-left:50px;overflow:hidden;}
.right_content ul.product li{ float:left;width:166px;height:170px; margin-bottom:20px;margin-right:17px;background:url(../images/productpic02.jpg) no-repeat;}
.right_content ul.product li img{padding-top:3px;padding-left:3px; overflow:hidden;}
.right_content ul.product li p{ width:141px;text-align:center;line-height:40px;height:40px;}
.right_content ul.product li p a{ color:#666;}

.page_list{ margin-top:60px;width:400px;margin-left:50px;text-align:center;height:26px;}
.page_list a{ float:left;margin-right:5px;padding:0 10px;height:24px;line-height:24px;border:1px solid #ddd;color:#30b8c3; font-weight:bold;}
.page_list a:hover{color:#fff; background:#00a8b5;font-weight:bold;}
.page_list a.on{color:#fff; background:#00a8b5;font-weight:bold;}
.page_info{ margin-top:60px;width:400px;margin-left:50px;text-align:left;height:26px;}



/*============product detail=================*/
.goodsConts{ padding-left:17px;width:770px;}
.goodsarea{ width:770px; height:440px; overflow:hidden;}
.goodsConts .fl{ float:left;width:375px;}
.goodsConts .cloud-zoom{display:block;width:375px;height:375px; margin-bottom:10px;}
.goodsConts .cloud-zoom img{display:block;width:373px;height:373px;border:1px solid #dddddd;padding:1px;}
.goodsConts .zoomlist{ height:54px;overflow:hidden;}
.goodsConts .zoomlist li{float:left;margin-right:10px;border:1px solid #ccc;height:52px;}
.goodsConts .zoomlist li img{width:52px;height:52px; padding:0px;}
.goodsConts .cloud-zoom-lens{background:#fff;cursor:move;}
.goodsConts .cloud-zoom-title{font-family:Arial;position:absolute !important;background:#000;color:#fff;padding:3px;width:100%;text-align:center; font-weight:bold; font-size:10px;top:0px;}
.goodsConts .cloud-zoom-big{overflow:hidden;}
.goodsConts .cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000;}
.goodsConts .mousetrap{ width:354px;height:354px;overflow:hidden;}



.goodsConts .goodsright{ float:left;width:280px;padding-left:15px;color:#666;}
.goodsright .goodstitle{ font-size:14px;font-weight:bold;line-height:40px;height:40px;border-bottom:1px dotted #cbcbcb;}
.goodsright .goodscontent{ padding:10px 0;border-bottom:1px dotted #cbcbcb;}
.goodscontent p{ line-height:24px;}
.goodsright .buy{ margin-top:20px;margin-left:17px;width:148px;height:40px;}

.goodsright .goodsBuy {
    margin: 20px 0 0 0;
    overflow: hidden;
}

.goodsright .goodsBuy a {
    float: left;
    height: 40px;
    line-height: 40px;
    background: #32aee7;
    padding: 0 15px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.goodsConts .goodsBottom{ width:785px;margin-top:30px;overflow:hidden;}
.goodsBottom .tabs_title{ height:40px;border:1px solid #ccc; border-right:none; background:#eee;overflow:hidden;}
.goodsBottom .tabs_title a{ float:left;width:259.6px;height:40px;line-height:40px;border-right:1px solid #ccc;color:#000;font-size:14px;font-weight:bold; text-align:center;}
.goodsBottom .tabs_title a:hover{ background:#32aee7; color:#fff;}
.goodsBottom .tabs_title a.hover{ background:#32aee7; color:#fff;}
.goodsBottom .tabs_content{  overflow:hidden;}
.goodsBottom .tabs_content p{ text-align:left;line-height:24px;}

/*========news=============*/
.news{ padding-left:43px;width:690px; overflow:hidden;}
.news ul li{ float:left;width:690px;height:45px;padding-left:20px;background:url(../images/point.jpg) no-repeat 10px center;border-bottom:1px dotted #ccc; color:#5b5b5b;}
.news ul li span{ float:right;width:100px;text-align:left;line-height:45px;}
.news ul li a{ float:left;color:#5b5b5b;line-height:45px;font-size:14px;}

.newsdetail{padding-left:43px;width:690px; padding-top:10px;}
.newsdetail_title{font-size:18px;font-weight:bold;line-height:50px;text-align:center;position:relative;overflow:hidden;}
.newsdetail_title span.time{ font-size:12px;height:20px;position:absolute;right:10px;bottom:20px;width:150px;color:#525252;
text-align:right; font-weight:normal;}

.newsdetail_content{ padding:10px 0;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc;}
.newsdetail_content p{ line-height:24px;text-indent:2em;}

.preNext ul.text{ width:690px;height:30px;color:#ccc;} 
.preNext ul.text li{ float:left;width:690px; line-height:30px;}
.preNext ul.text li a{ color:#000;}

/*========zhaopin============*/
.zhaopin{ width:722px;padding-left:42px;overflow:hidden;}
.zhaopin_banner{ height:191px; background:url(../images/jobimg.jpg) no-repeat; overflow:hidden;}
.zhaopin_title{ height:27px;margin-top:22px;margin-bottom:14px;background:url(../images/jobtitle.jpg) no-repeat;}
.zhaopin_content{ height:556px;background:url(../images/jobcontent.jpg) no-repeat;overflow:hidden;}

.zhaopin_content dl.chengxu{ width:616px;padding-left:106px;padding-top:54px;height:57px;}
.zhaopin_content dl.chengxu dt{ float:left;padding:0 12px; line-height:30px;background:url(../images/zhaopinpoint.jpg) no-repeat left center;color:#929292;}
.zhaopin_content dl.cehua{ width:616px;padding-left:106px;padding-top:54px;height:57px;}
.zhaopin_content dl.cehua dt{ float:left;padding:0 12px; line-height:30px;background:url(../images/zhaopinpoint.jpg) no-repeat left center;color:#929292;}
.zhaopin_content dl.meishu{ width:616px;padding-left:106px;padding-top:54px;height:57px;}
.zhaopin_content dl.meishu dt{ float:left;padding:0 12px; line-height:30px;background:url(../images/zhaopinpoint.jpg) no-repeat left center;color:#929292;}
.zhaopin_content dl.yunying{ width:616px;padding-left:106px;padding-top:54px;height:57px;}
.zhaopin_content dl.yunying dt{ float:left;padding:0 12px; line-height:30px;background:url(../images/zhaopinpoint.jpg) no-repeat left center;color:#929292;}
.zhaopin_content dl.zonghe{ width:616px;padding-left:106px;padding-top:54px;height:57px;}
.zhaopin_content dl.zonghe dt{ float:left;padding:0 12px; line-height:30px;background:url(../images/zhaopinpoint.jpg) no-repeat left center;color:#929292;}

.zhaopin p{ line-height:24px;}

/*========联系我们==============*/
.contact{ width:750px;padding-left:50px;overflow:hidden;}
.contact p{ line-height:24px;}


/*==========我们团队===========*/
.team{ background:url(../images/teambg.jpg) repeat;overflow:hidden; border:1px solid #fff;padding-top:20px;}
.team dl{ float:left;padding-left:25px;width:230px;margin-bottom:40px;}
.team dl dt{ margin:0 auto;width:220px;height:220px;text-align:center;}
.team dl dd{ width:220px;text-align:center;line-height:24px;color:#6d6c65;}
.team dl dd a{color:#6d6c65;}

.teamshow{ background:url(../images/teambg.jpg) repeat;overflow:hidden;padding-left:20px;border:1px solid #fff;padding:20px;}
.teamshow p{ line-height:24px;}
.teamshow img { max-width:750px; display:block; margin:0 auto;}